<%-- 
    Document   : RRHH_OTROS_INGRESOS
    Created on : 21-ene-2015, 13:57:47
    Author     : equipo_4
--%>

<%@page import="RRHH_Modelo.RHH_BONO"%>
<%@page import="RRHH_Modelo.RHH_TIPO_DESCUENTO"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="RRHH_Modelo.RHH_PERSONA"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../css/NuevoStilo.css">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/RRHH/RRHH_OTROS_INGRESOS.js" type="text/javascript"></script>
        <title>OTROS INGRESOS Y COMISIONES</title>
    </head>
    
</html>
<body>
    <%  SimpleDateFormat formato = new SimpleDateFormat("dd/MM/yyyy");%>
    <div id="CuerpoFormulario">
        <div id="tituloFormulario" class="centrado">OTROS INGRESOS Y COMISIONES</div>
        <div class="centrado">
            <input type="text" id="buscador" class="Extragrande2" placeholder="Buscador"/>
        </div>
        <div class="contenedor100 " >
            <div class="contenedor100 Extragrande2" id="contenedor">

            </div>
        </div>
        <div id="popUpbackGround" onclick="cerrar()">

        </div>
        <div id="pop" class="popup" style="height:360px; width: 1050px;">
            <div id='text' class="centrado negrilla" style="font-size: 12px; margin-bottom: 5px;">HISTORIAL DE OTROS INGRESOS Y ANTICIPOS </div>
            <span class="negrillaenter" style="color:#276E87; " onclick="crearAnticipo()">Crear anticipo</span>
            <table>
                <thead>
                <th class="Extragrande2">MOTIVO</th>
                <th class="mediano">MONTO</th>
                <th class="Extragrande">DESCRIPCION</th>
                <th class="pequeño">MESES</th>
                <th class="normal">INICIO</th>
                <th class="normal">FIN</th>
                <th class="normal"></th>
                </thead>
                <tbody id='cuerpo'>
                    
                </tbody>
            </table >

        </div>
    </div>
    <div class="popup" id="pop1" style="z-index: 4;">
        <div class="centrado negrilla">OTRO INGRESO</div>
            <span class="negrillaenter">Motivo</span>
            <input type="text" name="motivo" value="" class="Extragrande"/>
            <span class="negrillaenter">Monto</span>
            <input type="number" name="monto" value="0.0" class="normal"/>
            <span class="negrillaenter">Tipo</span>
            <select name="bonos" style="width: 200px;">
                <%
                    RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
                    Conexion con = new Conexion(usuario.getPASSWORD(), usuario.getPASSWORD());
                    List<RHH_BONO> lista = new RHH_BONO(con).Todos();
                    for (int i = 0; i < lista.size(); i++) {
                        out.print("<option value='"+lista.get(i).getID()+"'>"+lista.get(i).getDESCRIPCION()+"</option>");
                    }
                %>
            </select><span onclick="newbono();">(+)</span>
            <span onclick='eliminarbono();'>(-)</span>
            <span class="negrillaenter">Fecha Inicio</span>
            <input type="text" name="fini" value="<%out.print(formato.format(new GregorianCalendar().getTime()));%>" class="normal"/>
            <span class="negrillaenter">Meses</span>
            <input type="number" name="meses" value="1" class="pequeño"/>
            <div class="centrado">
                <button type="button" onclick="insertar();">INSERTAR</button>
                <button onclick="cancelar()">CANCELAR</button>
            </div>
        </div>
        <div class="popup" id="pop2" style="z-index: 5;">
            <div class="negrilla centrado">TIPO BONO</div>
            <span class="negrillaenter">Descripcion</span>
            <input type="text" name="bono" value="" class="mediano"/><br>
            <span class="negrilla">Excento de impuesto</span>
            <input type="checkbox" name="bono_imp"/><br>
            <div class="centrado">
                <button type="button" onclick="insertarbono();">INSERTAR</button>
                <button type="button" onclick="cancelarbono();">CANCELAR</button>
            </div>    
        </div>
        <div class="popup" id="pop4">
            
            <span class="negrillaenter">¿Esta seguro que desea eliminar el bono?</span><br>
            <div class="centrado">
                <button onclick="amort();">ACEPTAR</button>
                <button onclick="cancelartipo();">CANCELAR</button>
            </div>
        </div>
</body>